<template>
	<view class="topbg">
		<image src="/static/topbg.png" mode="widthFix"></image>
		<text class="topbgtext">{{title}}</text>
	</view>
</template>

<script>
	export default {
		props:{
			title:{
				type:String,
				default:'个人中心'
			}
		},
		name: "topbg",
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.topbg {
		position: relative;
		width: 100vw;

		image {
			width: 100%;
		}

		.topbgtext {
			position: absolute;
			color: #fff;
			z-index: 10;
			top: 40rpx;
			transform: translateX(-50%);
			left: 50%;
		}
	}
</style>